<template>
	<u-navbar 
	:height="height"
	:title="title"
	:is-back="isBack"
	:back-text="backText"
	:background="{ backgroundColor: background }"
	:back-text-style="{color: '#000000'}"
	:back-icon-name="backIconName"
	title-color="#000000"
	back-icon-color="#000000"
	:border-bottom="borderBottom"
	:custom-back="customBack"
	:is-fixed="isFixed"
	>
		<view slot="right">
			<slot name="right"></slot>
		</view>
		<slot name="content"></slot>
	</u-navbar>
</template>

<script>
	export default {
		props:{
			title: {
				type: String,
				default: '导航栏标题'
			},
			backText: {
				type: String,
				default: '返回'
			},
			isBack: {
				type: Boolean,
				default: true
			},
			height: {
				type: Number,
				default: 44
			},
			offBack: {
				type: Boolean,
				default: false
			},
			backIconName: {
				type: String,
				default: 'nav-back'
			},
			background: {
				type: String,
				default: '#ffc659'
			},
			borderBottom: {
				type: Boolean,
				default: true
			},
			isFixed: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			customBack(){
				this.offBack ? this.$emit('leftClick') : this.$Router.back()
			}
		}
	}
</script>

<style lang="scss">

</style>
